<!--
+----------------------------------------------------------------------
| 友得云客  - 开启房产营销新纪元
+----------------------------------------------------------------------
| Copyright (c) 2019~2023 优得（西安）信息科技有限公司版权所有
+----------------------------------------------------------------------
| Licensed 友得云客不是自由软件 未经允许不可移除相关版权
+----------------------------------------------------------------------
| Author: www.youdeyunke.com
+----------------------------------------------------------------------
-->
<template>
    <div :style="{ height: heightValue }" class="blank" v-cloak>
        <div class="line" :style="{ borderBottomColor: bgcolor, borderBottomStyle: module.data.styleName }"></div>

    </div>
</template>


<script>
export default {
    data () {
        return {
            loading: false,
        };
    },
    props: {
        module: { type: Object, default: {} },
    },

    mounted: function () { },

    computed: {
        heightValue: function () {
            var h = this.module.height;
            if (!h) {
                return "auto";
            }
            return h.value + "px";
        },
        bgcolor(){
            if (this.module.data.colorType == "auto"){
                return this.$store.state.myconfig.color.primary || '#1989fa'
            } else if (this.module.data.colorType == "custom") {
                return this.module.data.color
            } else {
                return 'rgba(0,0,0,0)'
            }
        },
    },

    methods: {},
};
</script>

<style scoped>
.blank {
    min-height: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.line {
    height: 1px;
    border-bottom: 0.5px;
    border-top: none;
    width: calc(100% - 20px);
    box-sizing: border-box;
}
</style>